<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Object.observe polyfill benchmarks</title>
        <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }
        table {
            border-collapse: collapse;
        }
        th {
            text-align: left;
            padding: 4px 10px;
            border-bottom: 1px solid lightgray;
        }
        td {
            padding: 4px 10px;
            text-align: right;
            background-color: #aff;
        }
        .changes { text-align: left; }
        .samples { background-color: #fdd; }
        .count { background-color: #ddf; }
        .frequency { background-color: lime; }
        </style>
    </head>
    <body>
        <table>
            <thead>
                <tr>
                    <th>Properties</th>
                    <th>Objects</th>
                    <th>Changes</th>
                    <th>Samples</th>
                    <th>Loops</th>
                    <th>FPS (Hz)</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
        <a href="index.html">Regular version</a>
        <script src="../node_modules/benchmark/benchmark.js"></script>
        <script src="../dist/object-observe-lite.js"></script>
        <script src="benchmarks-lite.js"></script>
    </body>
</html>
